.btn{
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 500;
  // width: 18%;
  height: 42px;
  line-height: 34px;
  padding: 4px 10px;
  color: rgba(187, 225, 255, 1);
  /* margin-right: 24px; */
  cursor: pointer;
  text-align: center;
  background: rgba(84,181,255,0.1);
  border: 1px solid rgba(84,181,255,0.3);
  margin-right: 10px;
}
.activeBtn{
  // border: 1px solid #399EFF;
  // border-radius: 4px;
  box-shadow: inset 0px 4px 23px rgba(27, 124, 146, 0.57);
  color: #fff;
  background: rgba(84,181,255,0.4);
  border: 1px solid #54B5FF;
}
// @media screen and (min-height: 1100px) {
//   .btn{
//     box-sizing: border-box;
//     font-size: 14px;
//     font-weight: 500;
//     // width: 18%;
//     height: 42px;
//     line-height: 34px;
//     padding: 4px 10px;
//     color: rgba(187, 225, 255, 1);
//     /* margin-right: 24px; */
//     cursor: pointer;
//     text-align: center;
//     background: rgba(84,181,255,0.1);
//     border: 1px solid rgba(84,181,255,0.3);
//     margin-right: 10px;
//   }
//   .activeBtn{
//     // border: 1px solid #399EFF;
//     // border-radius: 4px;
//     box-shadow: inset 0px 4px 23px rgba(27, 124, 146, 0.57);
//     color: #fff;
//     background: rgba(84,181,255,0.4);
//     border: 1px solid #54B5FF;
//   }
// }